<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box1{
            margin: 50px auto;
            position: relative;
            text-align: center;
            color: #ff41e5;

            width: 300px;
            height: 350px;
            border: 1px solid #c5c5c5;
            box-shadow: 3px 3px 10px 5px #c0c0c0;
        }
       a{
           text-decoration: none;
       }
        a #in{
            width: 150px;
            height: 30px;
            letter-spacing: 85px;
            text-align: center;
            font-size: 25px;

            color: #5dffbd;
            background-color: deepskyblue;
        }
        .b1{
            position: absolute;
            left: 10px;
            bottom: 20px;
        }
        .b2{
            position: absolute;
            right: 10px;
            bottom: 20px;
        }
        .b1 a,.b2 a{
            color: #aeaeae;
        }
    </style>
</head>
<body>
<div id="box1">
    <h1>相亲网</h1><br>
    <h2>爱就快来参与吧！</h2>
    <form action="{% url 'denglu' %}" method="post" id="first">
        账号：<input type="text" placeholder="请输入您的账号" name="username"><br><br><br>
        密码：<input type="password" placeholder="请输入您的密码" name="password"><br><br><br>
        <a href="{% url 'yonghu' %}"><input type="submit" value="登录" id="in"></a>
    </form>
    <div class="b1"><a href="{% url 'zhuce' %}">注册账号!</a></div>
     <p><a href="{% url 'shouye' %}">点击人脸登录</a></p>

{#    <div class="b2"><a href="{% url 'wangji' %}">忘记密码?</a></div>#}
</div>

</body>
</html>